<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>审核中心页面</title>
    <!--审批中心页面-->

    <script type="text/javascript" src="../../layuiadmin/js/audit/vue.js"></script>
    <script type="text/javascript" src="../../layuiadmin/js/audit/vue-resource.js"></script>

    <!--导入 饿了么 ui 的核心-->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>

    <!--导入jquery-->
    <script type="text/javascript" src="../../layuiadmin/js/audit/jquery.min.js"></script>
    <script type="text/javascript" src="../../layuiadmin/js/audit/jquery.cookie.js"></script>
    <script>Vue.config.productionTip=false</script>
    
    <style>
        body{
            background: #FFFFFF;
        }
    </style>
    
</head>
<body>

    <div id="app">
        <el-form :inline="true" :model="Case_audit" size="mini" class="demo-form-inline">
            
            <el-form-item>
                <el-input v-model="Case_audit.caseid.caseId" placeholder="案件编号"></el-input>
            </el-form-item>

            <el-form-item>
                <el-select v-model="Case_audit.auditid.typeid.typeid" placeholder="审核类型">
                    <el-option label="案件审核" value="1"></el-option>
                    <el-option label="费用减免" value="2"></el-option>
                    <el-option label="用印申请" value="3"></el-option>
                    <el-option label="结案申请" value="4"></el-option>
                </el-select>
            </el-form-item>

            <el-form-item>
                <el-select v-model="Case_audit.auditid.if_pass" placeholder="是否通过">
                    <el-option label="审核中" value="1"></el-option>
                    <el-option label="通过" value="2"></el-option>
                    <el-option label="不通过" value="3"></el-option>
                </el-select>
            </el-form-item>

            <el-form-item>
                <el-button type="primary" @click="init()">搜索</el-button>
            </el-form-item>
            
        </el-form>

        <el-table :data="tableData" border style="width: 100%;">

            <el-table-column prop="caseid.caseId" label="案件编号">
            </el-table-column>

            <el-table-column prop="auditid.typeid.typeName" label="审核类型">
            </el-table-column>

            <el-table-column prop="auditid.submitTime" label="流程发起时间">
            </el-table-column>

            <el-table-column prop="auditid.submitid.userName" label="提交人">
            </el-table-column>

            <el-table-column label="是否通过">

                <template slot-scope="scope">
                    <span v-if="scope.row.auditid.if_pass == '' || 
                    scope.row.auditid.if_pass == null ">审核中</span>

                    <span v-if="scope.row.auditid.if_pass == '通过'">通过</span>
                    <span v-if="scope.row.auditid.if_pass == '不通过'">不通过</span>
                </template>

            </el-table-column>


            <el-table-column label="操作">
                <template slot-scope="scope">
                    <el-button @click="handleClick(scope.row)" type="text">查看流程</el-button>
                </template>
            </el-table-column>

        </el-table>

        <!--@current-change 当点击切换页 的时候触发事件 
				page-size 每页显示
				total 总数
			-->
        <el-pagination
                @current-change="handleCurrentChange"
                layout="total, prev, pager, next,jumper"
                :page-size="5"
                :total="10">
        </el-pagination>
        
        
    </div>

    <script type="text/javascript" src="../../layuiadmin/js/audit/audit_center.js"></script>

</body>
</html>